<template>
  <div class="password">
     <div class="top">修改用户密码信息</div>
    <div class="top-1">修改用户密码信息</div>
    <el-divider />
    <div class="box">
        <div class="name">用户名：<input type="text"></div>
    <div class="names">旧密码：<input type="text" placeholder="请先输入旧密码"></div>
    <div>新密码：<input type="text" placeholder="设置新密码"></div>
    </div>
     <div class="bottom">
  <el-row class="mb-4">
    <el-button type="primary">确认保存</el-button>
    <el-button type="info">取消保存</el-button>
  </el-row>

  </div>
  </div>
</template>

<script setup>

</script>

<style scoped>
.top {
  font-size: 20px;
  margin-bottom: 30px;
  /* margin-left: 400px; */
  text-align: center;
}
.box{
    text-align: center;
}
.name{
    margin-bottom: 20px;
    margin-top: 50px;
}
.names{
     margin-bottom: 20px;
}
.bottom{
    margin-left: 550px;
    margin-top: 120px;
}
</style>